<ui:composition 
   xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
    
    <rich:panel  style="margin-left: 30px;margin-top: 30px; width:1210px;  height : 750px; border:0px solid #14527e;border-radius: 20px;box-shadow:rgba(100,100,100,0.4)10px 10px" >
               
        <h:outputText value="#{msg.fecha}" />                       
        <h:inputText id="fecha" value="#{creditoVehicularController.fecha}" readonly="true" size="9"  />                                               
       
        <br/>
        <br/>
        
        <!-- Describe mensaje si el Cte existe -->
        <h:outputText id="mensajeExisteCte" value="#{creditoVehicularController.mensajeExisteCte}" style="font-weight:bold; color:#{creditoVehicularController.colorMensajeExisteCte};" />                  
        
        <h:panelGrid columns="2" border="1" bgcolor="yellow">
           <f:facet name="header">
              <h:outputText value="#{msg.buscarCte}"/>
           </f:facet>  
            
           <h:panelGroup>
              <h:outputText value="#{msg.dni}" styleClass="campoObligatorio" />                                 
              <h:inputText id="dni" value="#{creditoVehicularController.dni}" size="8" maxlength="8" tabindex="1"
                              onkeypress="return validarNumeros(event)"/>                                                                                 
           </h:panelGroup>

           <h:panelGroup>
              <h:outputText value="#{msg.ruc}" />                      
              <h:inputText  id="ruc" value="#{creditoVehicularController.ruc}" size="11" maxlength="11" tabindex="2"
                                       onkeypress="return validarNumeros(event)" />                              
           </h:panelGroup>
        
        </h:panelGrid>   
        
        <h:panelGrid columns="3" border="1" bgcolor="yellow">
           <f:facet name="header">
              <h:outputText value="#{msg.cliente}"/>
           </f:facet>  
            
           <h:panelGroup>
              <h:outputText value="#{msg.nomCliente}" />
              <h:inputText id="nomCliente" value="#{creditoVehicularController.nomCliente}" readonly="true" size="60"   />                                         
           </h:panelGroup>       
                      
           <h:panelGroup>
              <h:outputText value="#{msg.apePaterno}" />
              <h:inputText  id="apePaterno" value="#{creditoVehicularController.apePaterno}" readonly="true" size="60"/>                              
           </h:panelGroup>
                      
           <h:panelGroup>
              <h:outputText value="#{msg.apeMaterno}" />
              <h:inputText  id="apeMaterno" value="#{creditoVehicularController.apeMaterno}" readonly="true" size="60"  />                                  
           </h:panelGroup>
        
        </h:panelGrid>   
       
    </rich:panel>
</ui:composition>